<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品管理系统</title>
</head>
<style>
    .container {
        display: flex;
        width: 100%;
        height: 100vh;
        flex-direction: column;
        justify-content: space-around;
    }

    .header {
        width: 100%;
        height: 200px;
        background-color: red;
    }

    .body {
        width: 100%;
        height: 100%;
        background-color: blue;
        display: flex;
    }

    .left {
        width: 220px;
        height: 100%;
        background-color: blue;
    }

    .right {
        width: 100%;
        height: 100%;
        background-color: yellow;
    }
</style>
<body>
<div class="container">
    <div class="header">top</div>
    <div class="body">
        <div class="left">
            <a href="list.html" target="right">商品列表</a>
        </div>
        <div class="right">
            <iframe width="100%" height="100%" name="right"/>
        </div>
    </div>
</div>

</body>
</html>